//利用js给页面加了一些事件



//搜索框上“宝贝，天猫，店铺”的切换
var search_li = document.querySelectorAll('.searchTap li');
var search_ln = 0;
for(let i=0;i<search_li.length;i++){
    search_li[i].onclick = function (){
        search_li[search_ln].className = '';
        this.className = 'active';
        search_ln = i;
    }
}

//当在搜索框上输入时默认底字小时，不输入时重新显示
var search_input = document.querySelector('.searchBox input');
var search_span = document.querySelector('.placeholder span');
var search_i = document.querySelector('.placeholder i');
////输入时
search_input.oninput = function(){//这里用onfocus的话还没输入就会消失
    search_span.style.display = 'none';
    search_i.style.display = 'none';
}
////撤销输入时
search_input.onblur = function(){
    search_span.style.display = 'inline';
    search_i.style.display = 'inline';
}

//公告部分的切换
var title_li = document.querySelectorAll('.notice .title li');
var title_ln = 0;
for(let i=0;i<title_li.length;i++){
    title_li[i].onclick = function (){
        title_li[title_ln].className = '';
        this.className = 'active';
        title_ln = i;
    }
}

//图片1区域的小圆点active的切换
var circle_span = document.querySelectorAll('.circle span');
var rightbutton = document.querySelector('.img1Box .pic .rightButton');
var leftbutton = document.querySelector('.img1Box .pic .leftButton');
var circle_ln = 0;
////点右
rightbutton.onclick = function(){
    circle_span[circle_ln].className = '';
    circle_ln++;
    circle_ln = circle_ln%5;
    circle_span[circle_ln].className = 'active';
}
////点左
leftbutton.onclick = function(){
    circle_span[circle_ln].className = '';
    if(circle_ln == 0){circle_ln = 5};
    circle_ln--;
    circle_span[circle_ln].className = 'active';
}

//右侧固定导航的active切换
var btn_a = document.querySelectorAll('.btn a');
var btn_ln = 0;
for(var i=0;i<btn_a.length;i++){
    btn_a[i].onclick = function(){
        btn_a[btn_ln].className = '';
        this.className = 'active';
        ln = i;
    }
}

